<%@page import="java.util.GregorianCalendar"%>
<%@page import="java.util.Calendar"%>
<%@page import="java.util.Date"%>
<%@page import="java.util.List"%>
<%@page import="Clases.Usuario"%>
<%@page import="Clases.AlquilerSalones"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!doctype html>
<html>
    <%      
        HttpSession miSesion = request.getSession();
        HttpSession miSesion1 = request.getSession();
        Usuario esteUsuario = (Usuario) miSesion.getAttribute("elUsuario");
        String salon = request.getParameter("salon");
        List<AlquilerSalones> lista = (List) miSesion1.getAttribute("listaEv");
    %>

    <head>
        <title>Inicio At. Socio</title>
        <link rel=StyleSheet href="styles.css" type="text/css" media="screen"/>
        <link rel=StyleSheet href="Lightbox.css" type="text/css" media="screen"/>   
        <link rel=StyleSheet href="./Resources/font-awesome-4.0.3/css/font-awesome.min.css" type="text/css" media="all"/>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" ></script>          
        <link rel="stylesheet" href="Resources/js1/core.css" type="text/css" />
        <script src="Resources/js1/jquery-1.4.4.min.js" type="text/javascript"></script>
        <script src="Resources/js1/jMonthCalendar.js" type="text/javascript"></script>

<!-- Formatea la fecha a la forma "yyyy-MM--dd" -->
<script> 
Date.prototype.yyyymmdd = function() {
   var yyyy = this.getFullYear().toString();
   var mm = (this.getMonth()+1).toString(); // getMonth() is zero-based
   var dd  = this.getDate().toString();
   return yyyy +"-"+ (mm[1]?mm:"0"+mm[0]) +"-"+ (dd[1]?dd:"0"+dd[0]); // padding
};
  </script>
  
<!-- Habilitar input text para el ingreso de datos de las personas que alquilan salones -->     
<script type="text/javascript">
            function cargarDatos(valor) {
                if (valor !== "0") {
                    ajaxCall(valor);
                } else {
                    document.getElementById("sal").disabled = true;                    
                    document.getElementById("Nombre").disabled = true;
                    document.getElementById("TelPar").disabled = true;
                    document.getElementById("TelCel").disabled = true;
                    document.getElementById("Email").disabled = true;
                    document.getElementById("fechaRes").disabled = true;
                    document.getElementById("fechaPago").disabled = true;                    
                }
            }
</script> 

<!-- Actualizar datos de Persona en ingreso de Alquileres -->        
<script>
            function ajaxCall(valor) {
                docu = document.getElementById("doc").value;
                $.ajax
                        ({
                            type: "GET",
                            url: "ServletPersona?TipoPer=" + valor + "&documento=" + docu,
                            success: function(content)
                            {
                                document.getElementById("Nombre").value = $("#nombre", content).text();
                                document.getElementById("TelPar").value = $("#TelPar", content).text();
                                document.getElementById("TelCel").value = $("#TelCel", content).text();
                                document.getElementById("Email").value = $("#Email", content).text();
                                document.getElementById("id").value = $("#id", content).text();
                            }
                        });
            }
</script>
                    
<!-- Buscar Eventos Calendario -->                    
 <script>     
  function ajaxCallEv(fecha, sal) {
                $.ajax
                       ({
                            url : "ServletCambioMes?fecha=" + fecha + "&salon=" + sal, 
                            async: false,
                            cache: false,                            
                            dataType: 'json',
                            contentType: 'application/json',                            
                            success: function(Eventos){
                               ev = Eventos;
                            },
                            error: function(Eventos) {
                                alert('fail');
                            } 
                    });
    }
</script>  
      
<!-- Colorear Eventos Calendario -->
        <style type="text/css" media="screen">
            #jMonthCalendar .Reservado { background-color: #DDFFFF;}
            #jMonthCalendar .Confirmado { background-color: #DD00FF;}
            #jMonthCalendar .Mantenimiento { background-color:#EBA600; }
            #jMonthCalendar .Reserva_CD { background-color:#FF15E4; }            
        </style>

  
<!-- Dibujar Calendario -->        
    <script type="text/javascript">
        $().ready(function() {
	   var options = {
                    height: 500,
                    width: 650,
                    navHeight: 20,
                    labelHeight: 20,
			onMonthChanging: function(dateIn) {
                              mes = dateIn.getMonth()+1;
                              sal = document.getElementById('sal1').value;                              
                              dateIn = dateIn;
                              ajaxCallEv(mes, sal);         
                              events = ev.eventos;
                              $.jMonthCalendar.ReplaceEventCollection(events);
                                    return true;
				},

                   onEventLinkClick: function(event) {
                       javascript:showLightbox2(event.Date, event.Doc, event.Title, event.Nombre, event.Socio, event.TelPar, event.TelCel, event.Email, event.FechaRes, event.idAlq);                         
                       return true;
                   },
                    onEventBlockClick: function(event) {
                       javascript:showLightbox2(event.Date, event.Doc, event.Title, event.Nombre, event.Socio, event.TelPar, event.TelCel, event.Email, event.FechaRes, event.idAlq);
                        return true;
                    },
				onEventBlockOver: function(event) {
					return true;
				},
				onEventBlockOut: function(event) {
					return true;
				},
                    onDayLinkClick: function(date) {
                        alert(date.toLocaleDateString());
                        return true;
                    },
                    onDayCellClick: function(date) {  
                        javascript:showLightbox(date.yyyymmdd());                     
                        return false;
                    }
			};
                        var fecha = new Date();
                        var mes = fecha.getMonth()+1;     
                        sal = <%= salon%>;
                        ajaxCallEv(mes, sal);
                        events = ev.eventos;       
                       
			$.jMonthCalendar.Initialize(options, events);
			
		
			$("#Confirmar").click(function() {	
                            fecha = document.getElementById('fecha').value;
                            sal = document.getElementById('sal1').value;                             
                            date = new Date(fecha);
                            mes = date.getMonth()+1;                             
                            javascript:ajaxCallEv(mes, sal);                            
                            evemts = ev.eventos;
                            javascript:hideLightbox();                            
                            $.jMonthCalendar.ChangeMonth(new Date(fecha)); 
			});
                        
			$("#Reservar").click(function() {	
                            fecha = document.getElementById('fecha').value;
                            sal = document.getElementById('sal1').value;                            
                            date = new Date(fecha);
                            mes = date.getMonth()+1;                             
                            javascript:ajaxCallEv(mes, sal);                            
                            evemts = ev.eventos;
                            javascript:hideLightbox();                            
                            $.jMonthCalendar.ChangeMonth(new Date(fecha)); 
			});  
                        
			$("#EliminarEv").click(function() {	
                            fecha = document.getElementById('fecha').value; 
                            sal = document.getElementById('sal1').value;                             
                            date = new Date(fecha);
                            mes = date.getMonth()+1;                             
                            javascript:ajaxCallEv(mes, sal);                            
                            evemts = ev.eventos;
                            javascript:hideLightbox();                            
                            $.jMonthCalendar.ChangeMonth(new Date(fecha)); 
			});                         
			
			$("#ChangeMonth").click(function() {                            
				$.jMonthCalendar.ChangeMonth(new Date());
			});
        });
    </script>
  
<!-- Habilitar el Lightbox para ingresar los datos de las personas que van a alquilar un salón -->        
<script type="text/javascript">
//abre el Lightbox sin campos para que se ingrese los datos del socio / No Socio y depues actualizar los campos 
//si el usuario esta guardado
            function showLightbox(dia) {
                document.getElementById('over').style.display = 'block';
                document.getElementById('fade').style.display = 'block';
                document.getElementById('fecha').value = dia;
                document.getElementById('Confirmar').style.display = 'none'; 
                document.getElementById('EliminarEv').style.display = 'none';                 
            }

//cierra y limpia el Lightbox
            function hideLightbox() {
                document.getElementById('over').style.display = 'none';
                document.getElementById('fade').style.display = 'none';
                document.getElementById('fecha').value = Date;
                document.getElementById('doc').value = "";
                document.getElementById('TipoPers').value = "0";
                document.getElementById('TipoEv').value = "0";
                document.getElementById('Nombre').value = "";
                document.getElementById('TelPar').value = "";
                document.getElementById('TelCel').value = "";
                document.getElementById('fechaRes').value = "";                
                document.getElementById('Email').value = "";
                document.getElementById('docu').style.display = '';                
                document.getElementById('doc').style.display = '';               
                document.getElementById('TipoEv').style.display = 'none';                 
                document.getElementById('TPer').style.display = '';                 
                document.getElementById('TipoPers').style.display = '';                
                document.getElementById('Nom').style.display = '';               
                document.getElementById('Nombre').style.display = '';                
                document.getElementById('TPar').style.display = '';                
                document.getElementById('TelPar').style.display = '';                                 
                document.getElementById('TelCel').style.display = '';                  
                document.getElementById('TCel').style.display = '';                
                document.getElementById('mail').style.display = '';                 
                document.getElementById('Email').style.display = '';               ;  
                document.getElementById('fepag').style.display = '';                 
                document.getElementById('fechaPago').style.display = '';                  
                document.getElementById('idalq').style.display = 'none';                       
                document.getElementById('1').style.display = '';  
                document.getElementById('2').style.display = '';  
                document.getElementById('Reservar').style.display = '';                
                document.getElementById('Confirmar').style.display = '';  
                document.getElementById('over').style.height= '430px';
                document.getElementById('over').style.top = '17%'; 
                document.getElementById('doc').disabled= false;
                document.getElementById('TipoPers').disabled= false;
                document.getElementById('Tipoev').style.display = 'none';
                document.getElementById('TipoEv').style.display = '';
                document.getElementById('TipoEv').style.visibility = 'visible';
                document.getElementById('Reservar').style.display = '';  
                document.getElementById('Confirmar').style.display = 'none'; 
                document.getElementById('EliminarEv').style.display = 'none';                 
            }

//Trae el Lightbox para consulta de evento ya reservado
            function showLightbox2(Date, doc, evento, nombre, socio, tpar, tcel, mail, fres, ida) {
                var pe;
            if ((evento!=="Mantenimiento")&&(evento!=="Reserva C.D.")){    
                document.getElementById('over').style.display = 'block';
                document.getElementById('fade').style.display = 'block';
                document.getElementById('fecha').value = Date;
                document.getElementById('fecha').disabled = true;
                document.getElementById('doc').value = doc;
                document.getElementById('doc').disabled= true;
                document.getElementById('TipoPers').disabled= true;                 
                
            if (socio==="Socio") {             
                document.getElementById('TipoPers').value = 1;
            }else if (socio==="No Socio"){
                document.getElementById('TipoPers').value = 2;
            }
       
             if (evento==="Casamiento / Fiesta Cumpleaños") {             
                document.getElementById('TipoEv').value = 1;
            }else if (evento==="Almuerzo 5 Horas"){
                document.getElementById('TipoEv').value = 2;
            }else if (evento==="Almuerzo 3,5 Horas"){
                document.getElementById('TipoEv').value = 3;
            }else if (evento==="Cena 5 Horas"){
                document.getElementById('TipoEv').value = 4;
            }else if (evento==="Cena 3,5 Horas"){
                document.getElementById('TipoEv').value = 5;
            }else if (evento==="Convenciones (Medio Día)"){
                document.getElementById('TipoEv').value = 6;
            }else if (evento==="WorkShop (Día Completo)"){
                document.getElementById('TipoEv').value = 7;
            }                                                                                    
                document.getElementById('TipoEv').style.visibility = 'hidden';
                document.getElementById('TipoEv').style.display = 'none'; 
                document.getElementById('Tipoev').value = evento;                
                document.getElementById('Tipoev').style.visibility = 'visible';  
                document.getElementById('Tipoev').value = evento;                
                document.getElementById('Tipoev').style.display = '';                
                document.getElementById('Nombre').value = nombre;
                document.getElementById('TelPar').value = tpar;                
                document.getElementById('TelCel').value = tcel;
                document.getElementById('Email').value = mail;
                document.getElementById('fechaRes').value = fres; 
                document.getElementById('idalq').value = ida;    
                document.getElementById("Tipoev").disabled = true;
                document.getElementById("TipoPers").disabled = true;  
                document.getElementById("TelCel").disabled = true;
                document.getElementById("TelPar").disabled = true; 
                document.getElementById("Email").disabled = true;
                document.getElementById("Nombre").disabled = true; 
                document.getElementById('Reservar').style.display = 'none';  
                document.getElementById('Confirmar').style.display = ''; 
                document.getElementById('EliminarEv').style.display = '';                
            }else {
                document.getElementById('over').style.display = 'block';
                document.getElementById('fade').style.display = 'block';                
                document.getElementById('fecha').value = Date;
                document.getElementById('fecha').disabled = true;
                document.getElementById('fechaRes').value = fres;
                document.getElementById('fechaRes').disabled = true;
                document.getElementById('docu').style.display = 'none';                
                document.getElementById('doc').style.display = 'none';               
                document.getElementById('TipoEv').style.display = 'none';                 
                document.getElementById('TPer').style.display = 'none';                 
                document.getElementById('TipoPers').style.display = 'none';                
                document.getElementById('Nom').style.display = 'none';               
                document.getElementById('Nombre').style.display = 'none';                
                document.getElementById('TPar').style.display = 'none';                
                document.getElementById('TelPar').style.display = 'none';                                 
                document.getElementById('TelCel').style.display = 'none';                  
                document.getElementById('TCel').style.display = 'none';                
                document.getElementById('mail').style.display = 'none';                 
                document.getElementById('Email').style.display = 'none';               ;  
                document.getElementById('fepag').style.display = 'none';                 
                document.getElementById('fechaPago').style.display = 'none';                  
                document.getElementById('idalq').style.display = 'none';                       
                document.getElementById('1').style.display = 'none';  
                document.getElementById('2').style.display = 'none';                
                document.getElementById('Tipoev').value = evento;                  
                document.getElementById('Tipoev').style.visibility = 'visible';               
                document.getElementById('Tipoev').style.display = '';
                document.getElementById("Tipoev").disabled = true;                
                document.getElementById('over').style.height= '230px';
                document.getElementById('over').style.top = '25%';                  
                document.getElementById('Reservar').style.display = 'none';  
                document.getElementById('Confirmar').style.display = 'none'; 
                document.getElementById('EliminarEv').style.display = '';              
        }              
}

//Habilita input para guardar los eventos en la base de datos.
            function Habilitar() {                
                document.getElementById('fecha').disabled = false;
                dia1 = document.getElementById('fecha').value;
                document.getElementById('Nombre').disabled = false;
                document.getElementById('TelPar').disabled = false;
                document.getElementById('TelCel').disabled = false;
                document.getElementById('Email').disabled = false;
            }
</script>

<!-- Confirma el salon para la fecha seleccionada -->
<script>
    function Confirmar(){                                
            var id = document.getElementById('idalq').value;
            $.ajax
               ({
                type: 'GET',
                url : "ServletConfirmarReserva?id=" + id,
                async: false,
                cache: false,                           
                dataType: 'Text',                 
                success: function(content){
                  var st =  content.toString();
                if (st==1){
                  alert("La operación se Confirmó correctamente.");
                }else if (st==2){
                  alert("La operación no pudo realizar.");
                }
                },
                error: function() {
                  alert('fail');
                } 
            });
                 
    }
</script>

<!-- Reserva el salon para la fecha seleccionada -->
<script>
    function Reservar(){
                document.getElementById('fecha').disabled = false;
                dia1 = document.getElementById('fecha').value;
                document.getElementById('Nombre').disabled = false;
                document.getElementById('TelPar').disabled = false;
                document.getElementById('TelCel').disabled = false;
                document.getElementById('Email').disabled = false; 
                document.getElementById('sal1').disabled = false;                  
                
                var doc = document.getElementById('doc').value;                                
                var id = document.getElementById('id').value;
                var sal1 = document.getElementById('sal1').value;
                var Nombre = document.getElementById('Nombre').value;
                var TelPar = document.getElementById('TelPar').value;                
                var TipoEv = document.getElementById('TipoEv').value;
                var TelCel = document.getElementById('TelCel').value;
                var Email = document.getElementById('Email').value;
                var TipoPers = document.getElementById('TipoPers').value;
                var fecha = dia1;
                var dt = new Date(fecha);                          
                $.ajax
                       ({
                            type: 'GET',
                            url : "ServletAlqSalones?fecha=" + fecha + "&sal1=" + sal1 + "&id=" + id + "&doc=" + doc + "&Nombre=" + Nombre + "&TipoEv=" + TipoEv + "&TelPar=" + TelPar + "&TelCel=" + TelCel + "&TipoPers=" + TipoPers + "&Email=" + Email,
                            async: false,
                            cache: false,                           
                            dataType: 'Text',                 
                            success: function(content){
                            var st =  content.toString();                               
                             if (st==1){   
                               alert("El registro del evento se realizó correctamente");
                             }else if (st==2){
                               alert("La operación no se pudo realizar.");
                             }
                            },
                            error: function() {
                                alert('fail');
                            } 
                    });
                   
    }    
</script>

<!-- Confirma el salon para la fecha seleccionada -->
<script>
    function EliminarEv(){ 
                document.getElementById('fecha').disabled = false;
                dia1 = document.getElementById('fecha').value;
                document.getElementById('Nombre').disabled = false;
                document.getElementById('TelPar').disabled = false;
                document.getElementById('TelCel').disabled = false;
                document.getElementById('Email').disabled = false; 
                document.getElementById('sal1').disabled = false;         
            var id = document.getElementById('idalq').value;
            $.ajax
               ({
                type: 'GET',
                url : "ServletEliminarEv?id="+id,
                async: false,
                cache: false,                           
                dataType: 'Text',                 
                success: function(content){
                var st =  content.toString();
                if (st==1){
                    alert("La Reserva se eliminó correctamente.");
                }else {
                    alert("La Operación no se pudo realizar");
                }
                },
                error: function() {
                  alert('fail');
                } 
            });
                 
    }
</script>

</head>


<body onload="cargarDatos('0'); ">
<jsp:useBean id="sal" class="Clases.AlquilerSalones" />

        <div id="container">
            <div id="container1">
                <div style="width: 150px; display: inline-block">
                    <img src="Imagenes\escudo.JPG" Style="text-decoration:underline; width: 115px; height: 80px; border: 0px; padding: 0px; margin-left: 7px" alt="" />                  
                </div>
                <div style="width: 970px; height: 100%; display: inline-block; overflow: hidden">
                    <h3>Sistema de Gestion Centro Naval</h3>
                    <h4>Atención al Socio</h4>
                </div>
            </div>            

            <div id="container2" style="display: inline-block">
                <div  id="wrapper" class="body1">
                    <ul class="menu">
                        <li ><a href="#">Gestión de Socios</a>
                            <ul>
                                <li ><a href="AltaSocio.jsp">Alta Socios</a></li>
                                <li ><a href="IngresarSocio.jsp" target = "_blank" onclick = "window.open(this.href, this.target, 'toolbar=no, status=no, menubar=no, scrollbars=no, resizable=no, width=450px, height=300px, left=375px, top=250px');
                                        return false;
                                        ">Consulta Socios</a></li>
                                <li ><a href="#">Baja Socios</a></li>
                            </ul>
                        </li>
                        <li ><a href="#">Videos </a>
                            <ul>
                                <li ><a href="Salon.jsp" target = "_blank" onclick = "window.open(this.href, this.target, 'toolbar=no, status=no, menubar=no, scrollbars=no, resizable=no');
                                        return false;
                                        ">Salones</a></li>
                                <li ><a href="#">Strange â€œStuffâ€ </a></li>
                                <li ><a href="#">Automatic Fails </a></li>
                            </ul>
                        </li>
                        <li ><a href="#">Galleries </a>
                            <ul>
                                <li ><a href="#">Cute Kittens </a></li>
                                <li ><a href="#">Strange â€œStuffâ€</a></li>
                                <li class="subitem3"><a href="#">Automatic Fails </a></li>
                            </ul>
                        </li>
                        <li class="item4"><a href="#">Podcasts</a>
                            <ul>
                                <li class="subitem1"><a href="#">Cute Kittens</a></li>
                                <li class="subitem2"><a href="#">Strange â€œStuffâ€</a></li>
                                <li class="subitem3"><a href="#">Automatic Fails</a></li>
                            </ul>
                        </li>
                        <li class="item5"><a href="#">Robots</a>
                            <ul>
                                <li class="subitem1"><a href="#">Cute Kittens</a></li>
                                <li class="subitem2"><a href="#">Strange â€œStuffâ€</a></li>
                                <li class="subitem3"><a href="#">Automatic Fails</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>

            <div id="container3" style="display: inline-block">

                <center>
                    <div id="jMonthCalendar"></div>
                </center>

             
                    <div style="background-color:#616975; border-color:#000000; color: white; border-style:solid; border-width: 1px; padding:1.5em; -moz-border-radius: 15px;border-radius: 15px; height: 430px;" id="over" class="overbox">
                        <div id="content"> 
                         <div style="display: inline-block; width: 100%;">  
                            <p style="display: inline-block; width: 47%; ">
                                <label class="eti_fondo" id="fe">Fecha Evento: </label>            
                                <input name="fecha" type="text" id="fecha" size="10"/>
                            </p> 
                            <%
                                String sa = sal.NormSalon(salon);
                                int con = 1;
                            %>       
                            <p style="display: inline-block; width: 47%;">
                                <label class="eti_fondo" id="salon">Salón: </label>            
                                <input name="sal" type="text" id="sal" size="30" value=<%= sa%> />
                                <input name="sal1" type="hidden" id="sal1"  value=<%= salon%> />            
                            </p>  
                         </div>
                         <div id="1" style="display: inline-block; width: 100%;">                             
                            <p style="display: inline-block; width: 47%;">
                                <label class="eti_fondo" id="docu">Documento: </label>            
                                <input name="doc" type="text" id="doc" size="15"/>
                            </p> 
                            <p style="display: inline-block; width: 47%;">      
                                <label class="eti_fondo" id="TPer">Socio: </label>            
                                <select name="TipoPers" id="TipoPers" onchange="cargarDatos(this.value);">             
                                    <option value="0">Seleccione Socio</option>
                                    <option value="1">Socio</option>
                                    <option value="2">No Socio</option>                                          
                                </select> 
                            </p>  
                         </div> 
                            <div id="appender">  
                                <p >
                                    <label class="eti_fondo" id="Nom">Nombre: </label>            
                                    <input name="Nombre" type="text" id="Nombre" size="40" />
                                </p>
                            <p>        
                                <label class="eti_fondo" id="TEv">Tipo Evento: </label>            
                                <select name="TipoEv" id="TipoEv" >             
                                    <option value="0">Seleccione Tipo Evento</option>
                                    <option value="1">Casamiento / Fiesta Cumpleaños</option>
                                    <option value="2">Almuerzo 5 Horas</option> 
                                    <option value="3">Almuerzo 3,5 Horas</option> 
                                    <option value="4">Cena 5 Horas</option>  
                                    <option value="5">Cena 3,5 Horas</option>
                                    <option value="6">Convenciones (Mañana Completa)</option>  
                                    <option value="7">WorkShop (Día Completo)</option>                  
                                </select>          
                                    <input style="visibility: hidden; display: none;" name="Tipoeev" type="text" id="Tipoev" size="40" />
                                </p>                           
                          <div id="2" style="display: inline-block; width: 100%;">                               
                                <p style="display: inline-block; width: 47%; ">
                                    <label class="eti_fondo" id="TPar">Tel Part: </label>            
                                    <input name="TelPar" type="text" id="TelPar" size="25" />
                                </p>        
                                <p style="display: inline-block; width: 47%; ">
                                    <label class="eti_fondo" id="TCel">Tel Celular: </label>            
                                    <input name="TelCel" type="text" id="TelCel" size="25" />
                                </p>                         
                         </div>       
                                <p>
                                    <label class="eti_fondo" id="mail">E-mail: </label>            
                                    <input name="Email" type="text" id="Email" size="40" />
                                </p> 
                          <div style="display: inline-block; width: 100%;">                                  
                            <p style="display: inline-block; width: 47%; ">
                                <label class="eti_fondo" id="fere">Fecha Reserva: </label>            
                                <input name="fechaRes" type="text" id="fechaRes" size="15"/>
                            </p> 
                            <p style="display: inline-block; width: 47%; ">
                                <label class="eti_fondo" id="fepag">Fecha Pago: </label>            
                                <input name="fechaPago" type="text" id="fechaPago" size="15"/>
                            </p>
                            </div>
                                <p>
                                    <input style="visibility: hidden; display: none;" name="id" type="text" id="id" size="40" />
                                    <input  name="idalq" type="text" id="idalq" size="40" />                
                                </p>                              
                            </div>
 
                            <input type="button" onclick="javascript:hideLightbox();" name="Cerrar" id="Cerrar" value="Cerrar">                            
                            <input type="button" onclick="javascript:Reservar();" name="Reservar" id="Reservar" value="Reservar">
                            <input type="button" onclick="javascript:Confirmar();" name="Confirmar" id="Confirmar" value="Confirmar">
                            <input type="button" onclick="javascript:EliminarEv();" name="EliminarEv" id="EliminarEv" value="Eliminar Evento">
                        </div>
                    </div> 
                <div id="fade" class="fadebox">&nbsp;</div>  

            </div> 
                
        </div>

        <% if (request.getParameter("status") != null) {
                int status = Integer.valueOf(request.getParameter("status"));
                if (status == 2) {%>
        <script> alert("No se pudo efectuar la reserva");</script>
        <%
 } else if (status == 3) {%>
        <script> alert("Ha ocurrido un error al cargar el Socio Nuevo.");</script>       
        <%
        } else if (status == 1) {
        %>
        <script>alert("La reserva se efectuó correctamente.");</script> 
        <%
        } else {
        %>
        <script>alert("La consulta se envió correctamente.");</script>             
        <% }
            }
        %>  

<!-- Manejo del menú lateral -->
<script type="text/javascript">
            $(function() {

                var menu_ul = $('.menu > li > ul'),
                        menu_a = $('.menu > li > a');

                menu_ul.hide();

                menu_a.click(function(e) {
                    e.preventDefault();
                    if (!$(this).hasClass('active')) {
                        menu_a.removeClass('active');
                        menu_ul.filter(':visible').slideUp('normal');
                        $(this).addClass('active').next().stop(true, true).slideDown('normal');
                    } else {
                        $(this).removeClass('active');
                        $(this).next().stop(true, true).slideUp('normal');
                    }
                });

            });
</script>
    </body>
</html>

